import { defineStore } from 'pinia';

export const useStore = defineStore('main', {
	state: () => {
		return {
			num: 10,
			city: '',
			title: ''
		};
	},
	// 相当于计算属性,利用defineStore()中的getters属性定义，他们接收状态作为第一个参数一鼓励箭头函数使用
	getters: {
		cityVal: (state) => state.num * 2
	},
	// 相当于组件中的methods，他们可以使用defineStore()中的actions属性定义，并且它们非常适合定义业务逻辑
	actions: {
		cityVals(query) {
			return (this.city = query);
		}
	},
	persist: {
		enabled: true
	}
});

export default useStore;
